/*新增字体*/
@font-face {
  font-family: '汉仪综艺体简';   /*字体名称*/
  src: url('../fonts/汉仪综艺体简.ttf');       /*字体源文件*/
}

/*通用样式*/
html,body{width:100%;height:100%;margin:0px;padding:0px;font-family:"宋体";background:#fff;}
body{background:#fff !important;}
p,h1,h2,h3,h4,h5,h6,span,a{
	margin:0px;
	padding:0px;
	font-size:12px;
	text-decoration:none;
	font-family:"宋体";
	font-weight:inherit;
}
ul,ol,li{margin:0px;padding:0px;list-style:none;}
body{overflow:inherit;}
/*中部痛点*/
.hurt_content{
	width:1024px;
	margin:0 auto;
	margin-top:60px;
}
.hurt_content_line{width:100%;float:left;margin-top:90px;}
.hurt_content_line p{width:100%;float:left;text-align:center;color:#333;line-height:28px;}
.hurt_content_line span{width:100%;float:left;text-align:center;color:#333;font-size:16px;line-height:36px;font-weight:bold;}
.hurt_content_left{
	width:50%;
	float:left;
	height:100%;
	text-align:left;
	position:relative;
	/*
	opacity:0;
	transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	*/
}
.hurt_content_right{
	width:50%;
	float:left;
	height:100%;
	text-align:right;
	position:relative;
	/*
	opacity:0;
	
	transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	*/
}
.hurt_content_left img{margin-left:50px;}
.hurt_content_text{margin-left:50px;margin-top:70px;float:left;}
.hurt_content_text p{
	color:#333;
	line-height:28px;
	float:left;
	width:100%;
	text-align:left;
}
.hurt_content_text h1{
	font-size:32px;
	color:#777;
	float:left;
	width:100%;
	line-height:50px;
	font-family:"汉仪综艺体简";
	font-weight:bold;
	text-align:left;
}
.hurt_content_text span{
	float:left;
	width:auto;
	color:#ff0000;
	line-height:35px;
	cursor:pointer;
	text-align:left;
	font-size:12px;
}
.hurt_content_text span:hover{text-decoration:underline;}

/*候选人烦恼*/
.biaoyu{width:100%;float:left;min-height:119px;margin-top:60px;text-align:center;background:url(../images/fannao_line.png);}
.biaoyu_text{font-size:24px;display:inline-block;width:auto;}
.biaoyu img{display:inline-block;margin-left:-40px;margin-bottom:-15px;}
/*HR 老板的关键词*/
.keyword{width:100%;height:300px;float:left;background:#222222;margin-top:100px;}
.keyword p{color:#fff;width:100%;text-align:center;}
.keyword span{color:#fff;width:100%;font-size:30px;text-align:center;line-height:85px;float:Left;}
.keyword ul{width:100%;text-align:center;margin-top:35px;}
.keyword li{
	display:inline-block;
	width:110px;
	height:110px;
	border:1px solid #fff;
	margin-left:140px;
	color:#fff;
	font-size:20px;
	line-height:110px;
	text-align:center;
	border-radius:50% 50%;
}
/*弹出层*/
.hurt_content_left .alert.on{left:0;}
.hurt_content_right .alert.on{right:0;}
.hurt_content_left.show{
	opacity:1;
	transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
}
.hurt_content_right.show{
	opacity:1;
	transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
}
.alert_all{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.2);left:0;top:0;z-index:1003;display:none;cursor:pointer;}
.alert_all.on{display:block;}
.alert{min-width:725px;width:725px;height:0px;position:absolute;z-index:1004;overflow:hidden;margin-top:-30px;}
.alert.on{display:block;height:360px;overflow:inherit;}
.alert_content{
	width:693px;
	text-align:center;
	background:#fff;
	position:relative;
	border:1px solid #e1e1e1;
	border-radius:3px;
	padding:10px 30px 10px 0;
	float:left;
}
.colse{position:absolute;width:12px;height:12px;right:15px;top:15px;background:url(../images/alert_content_colse.png);cursor:pointer;}
.alert_content_left{height:100%;float:left;width:158px;border-right:1px dashed #e1e1e1;text-align:center;}
.alert_content_left img{margin:120px auto;}
.alert_content_right{
	float:left;
	width:503px;
	margin-left:30px;
	position:relative;
	min-height:calc(100% - 60px);
	min-height:-ms-calc(100% - 60px);
	min-height:-moz-calc(100% - 60px);
	min-height:-webkit-calc(100% - 60px);
	min-height:-o-calc(100% - 60px);
}
.alert_content_right span{font-size:16px;color:#db1500;line-height:38px;text-align:left;margin-top:19px;font-weight:bold;}
.alert_content_right p{line-height:28px;color:#666;text-align:left;}
.alert_content_right_bottom{float:left;width:504px;height:60px;margin-left:30px;position:relative;margin-top:22px;}
.alert_content_right_bottom a{
	background:#db1500;
	color:#fff;
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px;
	padding:0 15px;
	border-radius:3px;
	margin-left:135px;
	left:66px;
	bottom:30px;
	position:absolute;
}
.alert_content_right h1{
	font-weight:bold;
	line-height:28px;color:#666;
	text-align:left;
}
.strangle{width:100%;height:18px;overflow:hidden;margin-bottom:-2px;z-index:1;position:relative;text-align:left;float:left;margin-top:25px;}

/*导航栏*/

.navigation{
	position:fixed;
	width:55px;
	height:264px;
	left:calc((100% - 1024px) / 2 + 1024px);
	left:-ms-calc((100% - 1024px) / 2 + 1024px);
	left:-o-calc((100% - 1024px) / 2 + 1024px);
	left:-moz-calc((100% - 1024px) / 2 + 1024px);
	left:-webkit-calc((100% - 1024px) / 2 + 1024px);
	top:calc((100% - 264px) / 2);
	top:-ms-calc((100% - 264px) / 2);
	top:-o-calc((100% - 264px) / 2);
	top:-moz-calc((100% - 264px) / 2);
	top:-webkit-calc((100% - 264px) / 2);
}
@media screen and (max-width:1024px) {
    .navigation {
    left:calc(100% - 55px);
	left:-ms-calc(100% - 55px);
	left:-o-calc(100% - 55px);
	left:-moz-calc(100% - 55px);
	left:-webkit-calc(100% - 55px);
    }
}
.navigation dl{
	min-width:55px;
	height:44px;
	float:left;
	line-height:44px;
	text-align:center;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	position:relative;
	background:#2d3540;
}
.navigation dl img{margin-top:15px;}
.navigation dl ul{
	width:0px;
	height:44px;
	background:#db1500;
	position:absolute;
	right:55px;
	top:0;
	overflow:hidden;
}
.navigation dl ul.s1{width:0;}
.navigation dl:hover ul.s1{width:115px;}
.navigation dl .ewm{
	width:0;
	height:280px;
	min-height:266px;
	position:absolute;
	right:55px;
	top:0;
	border:0px;
	background:#fff;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	overflow:hidden;
}
.navigation dl .ewm img{width:100%;margin-top:0;}
.navigation dl .ewm p{
	font-size:12px;
	color:#999;
	width:110px;
	float:left;
	width:100%;
	overflow:hidden;
	height:50px;
	line-height:24px;
	text-align:center;
	height:24px;
}
.navigation dl .ewm1{width:100%;height:138px;}
.navigation dl .ewm1 p{
	border-bottom:1px dashed #ececec;
	width:auto;
	padding-left:5px;
	padding-right:5px;
	height:27px;
	margin:0 auto;
	margin-left:5px;
	padding-bottom:5px;
}
.navigation dl .ewm2{width:100%;height:138px;}
.navigation dl:hover .ewm{
	width:110px;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	overflow:inherit;
	border:1px solid #2d3540;
}
.navigation dl li{
	width:auto;
	float:left;
	line-height:44px;
	padding-left:15px;
	padding-right:15px;
	color:#fff;
	height:44px;
}
.navigation dl:hover{background:#db1500;}
.navigation dl:hover ul{
	width:178px;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
}
.navigation dl ul:hover li{border-right:1px solid #c71402;}
.navigation dl li:hover{
	background:#c71402;
	border-left:1px solid #ee1700;
}
.navigation dl#return{
	height:0;
	overflow:hidden;
	transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
}
.navigation dl.show{
	height:44px !important;
	overflow:inherit;
	transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
}

